<!-- 
  setup 标记当前页面使用的是 组合式API
  添加 setup 后，组件导入即注册
 -->
<script setup>
import { RouterLink, RouterView } from 'vue-router'
// import HelloWorld from './components/HelloWorld.vue'
</script>

<template>
  <header>

    <div class="wrapper">

      <nav>
        <!-- RouterLink 会被渲染成 a 标签，用来做页面跳转用的 -->
        <!-- to 属性是指定要跳转到哪里去 -->
        <RouterLink to="/">Home</RouterLink>
        <RouterLink to="/about">About</RouterLink>
      </nav>
    </div>
  </header>

  <!-- 路由出口 -->
  <RouterView />
</template>

<!-- scoped 标签当前样式只在当前组件中生效 -->
<style scoped>
</style>
